* {
	margin: 0;
	padding: 0;
}
.per-order {
	margin-top: 20px;
	margin-left: 20px;
}
.order-top {
	overflow: hidden;
}
.order-top h5 {
    float: left;
	font-size: 16px;
	font-weight: 500;
	color: #31475E;	
}
.order-top hr {
	display: block;
	float: right;
	width: 710px;
	border: none;
	border-top: 1px solid #EAEDF2;
	margin-top: 10px;	
}
.order-middle {
	margin-top: 27px;
	width: 788px;
	height: 88px;
}
.order-middle-part {
	float: left;
	position: relative;
	width: 176px;
	height: 28px;
	margin: 8px 10px;
}
.order-middle-part span {
	display: inline-block;
	width: 60px;
	font-size: 12px;
	color: #31475E;
	text-align: right;
}
.order-start-div,.order-end-div {
	display: inline-block;
	width: 106px;
	height: 28px;
	border: 1px solid #EAEDF2;
	border-radius: 2px;
	padding-left: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
.order-start-span,.order-end-span {
	transform: translateY(-8px);
}
.order-middle-part input {
	width: 106px;
	height: 28px;
	font-size: 12px;
	outline: none;
	border: 1px solid #EAEDF2;
	border-radius: 2px;
	padding-left: 10px;
	box-sizing: border-box;
}
.order-middle-part:nth-of-type(4) input:hover,
.order-middle-part:nth-of-type(5) div:hover,
.order-middle-part:nth-of-type(6) div:hover,
.order-middle-part:nth-of-type(7) input:hover {
	cursor: pointer;
}
.order-middle-part a {
	text-decoration: none;
	display: inline-block;
	width: 50px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #186175;
	border-radius: 2px;
	font-size: 12px;
	color: #FFFFFF;
	margin-right: 12px;
}
.type-ul {
	position: absolute;
	right: 5px;
	top: 27px;
	z-index: 33;
	list-style: none;
	background: white;
    border: 1px solid #EAEDF2;
}
.type-ul li {
	width: 104px;
	font-size: 12px;
    color: #666;
    box-sizing: border-box;
    padding-left: 10px;
    height: 28px;
    line-height: 28px;
}
.type-ul li:hover {
	background: #186175;
    color: white;
    cursor: pointer; 
}
.order-bottom {
	margin-top: 46px;
	width: 788px;
	border: 1px solid #EAEDF2;
	border-radius: 3px;
}
.order-bottom-title {
	height: 40px;
	border-radius: 3px 3px 0 0;
	background: #EAEFF3;
	overflow: hidden;
}
.order-bottom-title>span {
	display: inline-block;
	float: left;
	font-size: 12px;
	color: #31475E;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.order-select {
	width: 50px;
}
.order-reference {
	width: 100px;
}
.order-bottom-content .order-reference,.order-bottom-content .order-user,
.order-bottom-content .order-tele,.order-bottom-content .order-timer,
.order-bottom-content .order-timerend,.order-bottom-content .order-type,
.order-bottom-content .order-state {
	padding-top: 28px;
}
.order-company {
	width: 110px;
	box-sizing: border-box;
	padding: 0 5px;
}
.order-bottom-content .order-company {
	padding-top: 20px;
}
.order-user {
	width: 66px;
}
.order-tele {
	width: 95px;
}
.order-timer {
	width: 82px;
}
.order-timerend {
	width: 82px;
}
.order-type {
	width: 68px;
	text-decoration: none;
}
.order-bottom-content .dian-zi {
	padding-top: 28px;
	color: #FFBB41;
	width: 68px;
	text-decoration: none;
}
.order-state {
	width: 55px;
}
.order-operation {
	width: 80px;
}
.order-select i,.order-bottom-content i {
	display: inline-block;
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	background: url("../../../../../assets/checkF.png") no-repeat;
	background-size: cover;
	margin-top: 14px;
}
.order-select i:hover {
	cursor: pointer;
}
.order-bottom-title i {
	margin-left: 5px;
	margin-right: 3px;
	transform: translateY(2px);
}
.order-bottom-content {
	overflow: hidden;
}
.order-bottom-content i {
	margin-top: 30px;
}
.order-select .isSelect,.order-select .selectAll {
	background: url("../../../../../assets/checkT.png") no-repeat;	
	background-size: cover;
}
.order-bottom-content span,.order-bottom-content>a {
	display: inline-block;
	float: left;
	font-size: 12px;
	color: #6A7C92;
	height: 70px;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px dashed #EAEDF2;
	border-bottom: 1px dashed #EAEDF2;
	word-break: break-all
} 
.order-bottom-content .order-operation {
	border-right: none;
}
.order-operation a {
	display: block;
	font-size: 12px;
	color: #186175;
}
.order-operation a:first-of-type {
	margin-top: 16px;
	margin-bottom: 7px;
}
.deleteAll {
	margin: 18px;
	display: block;
	width: 60px;
	height: 28px;
	line-height: 28px;
	background: white;
	font-size: 12px;
	color: #186175;
	text-align: center;
	border: 1px solid #196175;
	border-radius: 3px;
	letter-spacing: 1px;
	text-decoration: none;
}
.deleteAll:hover {
	color: white;
	background: #186175;
}
.el-input--prefix .el-input__inner {
	padding: 0!important;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner {
	width: 94px!important;
	border: none;
}
